<script src="../../vender/angular.js"></script>
<div ng-app>
  <form name="form" class="css-form" novalidate>
    <div>
      Size (integer 0 - 10):
      <input type="number" ng-model="size" name="size"
             min="0" max="10" ng-pattern="/^\d+$/" />{{size}}<br />
      <span ng-show="form.size.$error.pattern">
        The value is not a valid number!
      </span>
      <span ng-show="form.size.$error.min || form.size.$error.max">
        The value must be in range 0 to 10!</span>
    </div>
  </form>
</div>
